<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div>
    <h3>
        基本信息
    </h3>

    <div class="table-wrap">
        <form data-id="base-form">
            <table border="0"
                   cellpadding="0" cellspacing="0" class="hydra-table hydra-table-left">
                <tr class="hydra-tr-bg">
                    <td class="hydra-left"><span class="nes-tip">*</span>工艺名称：</td>
                    <td class="hydra-right"><input type="text" data-id="processName"
                                                   name="processName" class="easyui-validatebox hydra-input-width"
                                                   data-options="required:true,validType:['normalChar','length[0,20]']"
                                                   placeholder="工艺名称.." value=""/></td>
                </tr>
                <tr class="hydra-tr-bg">
                    <td class="hydra-left"><span class="nes-tip">*</span>工艺分类：</td>
                    <td class="hydra-right">
                        <select data-id="moduleId" name="module.id"
                                data-options="required:true"
                                class="easyui-validatebox hydra-input-width">
                        </select>
                    </td>
                </tr>
                <tr class="hydra-tr-bg">
                    <td class="hydra-left"><span class="nes-tip">*</span>是否启用：</td>
                    <td class="hydra-right">
                        <input type="checkbox" data-id="useAble" name="useAble" checked/>
                    </td>
                </tr>
                <tr class="hydra-tr-bg">
                    <td class="hydra-left">工艺描述：</td>
                    <td class="hydra-right">
                        <textarea name="remark" class="easyui-validatebox hydra-input-width hydra-textarea"
                                  data-options="validType:['normalChar','length[0,200]']"></textarea>
                    </td>
                </tr>
            </table>
            <table border="0" cellpadding="0" cellspacing="0" class="hydra-table hydra-table-right">
                <thead>
                <tr>
                    <td class="hydra-left">是否使用程控设备：</td>
                    <td class="hydra-right">
                        <input type="checkbox" data-id="useDevice" name="useDevice" />
                    </td>
                    <td></td>
                </tr>
                <tr class="hydra-tr-bg" data-id="device">
                    <td class="hydra-left">程控设备：</td>
                    <td class="hydra-right">
                        <select data-id="deviceId" name="device.id" class="hydra-input-width"></select>
                    </td>
                    <td></td>
                </tr>
                <tr class="hydra-tr-bg">
                    <td class="hydra-left">工艺模板封面：</td>
                    <td colspan=""></td>
                </tr>
                </thead>
                <tbody class="hydra-tbody-cover">
                <tr class="hydra-tr-bg">
                    <td colspan="2">
                        <div class="clearfix" style="padding: 0 20px;">
                            <div class="float-left" style="width: 128px">
                                <img data-id="normal"
                                     src="${pageContext.request.contextPath}/print/default/temp1.png"
                                     style="width: 128px;height: 128px;"/>
                                <label>128*128</label>
                            </div>
                            <div class="float-left ml15" style="width: 64px">
                                <div style="height: 64px"></div>
                                <img data-id="tiny"
                                     src="${pageContext.request.contextPath}/print/default/temp1.png"
                                     style="width: 64px;height: 64px;"/>
                                <label>64*64</label>
                            </div>
                            <div style="margin-left: 222px">
                                <div style="height: 90px"></div>
                                <input type="text" value="/default/temp1.png" data-id="uploadCover"
                                       name="processCover"/>
                            </div>
                        </div>

                    </td>
                </tr>
                </tbody>
            </table>
        </form>
    </div>
    <div class="form-spr"></div>
    <h3>
        工艺参数
    </h3>
    <div>
        <a data-id="add-attr" iconCls="fa fa-plus fa-lg" plain="true">新增参数</a>
        <span>拖动进行排序</span>
    </div>
    <table border="0" cellpadding="0" cellspacing="0" data-id="table-attr"
           class="mt10 hydra-table hydra-table-bottom attr-form-wrap">
        <tbody>
        </tbody>
    </table>
</div>
<div class="mt10">
    <a href="javascript:void(0)" iconCls="fa fa-save fa-lg" data-id="save-btn">保存</a>
    <a href="javascript:void(0)" iconCls="fa fa-remove fa-lg" data-id="cancel-btn">取消</a>
</div>
<div style="display: none" data-id="hidden-template">
    <table border="0" cellpadding="0" cellspacing="0"
           class="hydra-table hydra-table-bottom">
        <tbody>
        <tr class="hydra-tr-bg drag-item">
            <td class="hydra-left drag-handle"><span class="param-type-tip"><i class="self"></i></span></td>
            <td class="hydra-left">名称：</td>
            <td class=""><input class="easyui-validatebox hydra-input-width" type="text" name="fieldName"
                                data-options="required:true,validType:['length[0,20]']"
                                placeholder="填写参数名称"/></td>
            <td class="hydra-left">提示：</td>
            <td class=""><input class="easyui-validatebox hydra-input-width" type="text" name="remark"
                                data-options="validType:['length[0,50]']"
                                placeholder="提示"/></td>
            <td class="hydra-left">类型：</td>
            <td class="">
                <select data-id="fieldType" name="fieldType"
                        style="width: 100px"
                        class="hydra-input-width">
                    <option value="FIELD_TYPE_TEXT">字符串</option>
                    <option value="FIELD_TYPE_TEXTAREA">文本</option>
                    <option value="FIELD_TYPE_TIME">时间</option>
                    <option value="FIELD_TYPE_NUM">数字</option>
                    <option value="FIELD_TYPE_DIRECTORY">数据字典</option>
                    <option value="FIELD_TYPE_SCIENTIFIC">科学计数法</option>
                    <option value="FIELD_TYPE_ATTACHMENT">附件</option>
                    <option value="FIELD_TYPE_TABLE">表格</option>
                </select>
            </td>
            <td data-id="table" class="hydra-left" style="display: none">表格描述：</td>
            <td data-id="table" style="display: none">
                <textarea class="hydra-textarea" name="fieldTypeParam1"></textarea>
            </td>
            <td data-id="directory" class="hydra-left" style="display: none">字典类型：</td>
            <td data-id="directory" style="display: none">
                <select data-id="fieldTypeParam" data-options="panelWidth:200" name="fieldTypeParam2" class="hydra-input-width"
                        style="width: 100px">
                    <c:forEach items="${directoryTypes}" var="directoryType">
                        <c:if test="${directoryType.display}">
                            <option value="${directoryType.dirGroup}" >${directoryType.dirGroupValue}</option>
                        </c:if>
                    </c:forEach>
                </select>
            </td>
            <td data-id="normal" class="hydra-left">单位：</td>
            <td data-id="normal">
                <select data-id="unit" name="unit" class="hydra-input-width"
                        style="width: 100px">
                </select>
            </td>
            <td class="hydra-left">
                使用工具：
            </td>
            <td>
                <input type="checkbox" value="1" name="useDevice"/>
            </td>
            <td class="hydra-left">
                非空：
            </td>
            <td>
                <input type="checkbox" value="1" checked name="notNull"/>
            </td>
            <td class="hydra-left">
                可检索：
            </td>
            <td>
                <input type="checkbox" value="1" checked name="searchAble"/>
            </td>
            <td>
                <a data-id="del" href="javascript:void(0)" iconCls="fa fa-trash fa-lg" plain="true"></a>
            </td>
        </tr>
        </tbody>
    </table>
</div>


